<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="flexible" content="initial-dpr=1" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="bookmark" href="favicon.ico" />
    <link rel="stylesheet" href="index.css" />
    <script src="/flexiblev0.js"></script>
    <title>toast</title>
  </head>

  <body>
    <div class="page">
      <div class="page__header"><h1>mobile-toast</h1></div>

      <div class="page__body">
        <div class="q" style="top: 65px;left: 50%;">
          <span>
            <div class="q-toast" style="right: 50%;">
              <div class="q-toast-content">
                <div>
                  <p>click below button to close</p>
                  <button>close</button>
                </div>
              </div>
            </div>
            <div class="q-toast" style="right: 50%;">
              <div class="q-toast-content"><span>can not close...</span></div>
            </div>
            <div class="q-toast" style="right: 50%;">
              <div class="q-toast-content"><span>can not close...</span></div>
            </div>
          </span>
        </div>
      </div>
    </div>
    <div class="page__footer"><script src="index.js"></script></div>
  </body>
</html>
